<!DOCTYPE html>
<html>
<head>
	<title>Chimera Project Games</title>
	
	<link href="site2_style.css" rel="stylesheet" type="text/css" />
	<link href="site1_s3Slider.css" rel="stylesheet" type="text/css" />
	
	<script type="text/javascript" src="../js/jquery1.4.2min.js"></script>
	<script type="text/javascript" src="../js/s3Slider.js"></script>
	<script type="text/javascript">
		$(document).ready(function() { 
		   $('#s3slider').s3Slider({ 
		      timeOut: 4000 
		   });
		});
	</script>

</head>
<body>
<div id="wrapper">
<div id="background">


	<div id="header">
	<div class="container">
	
		<div id="title"><img src="../images/chimeratitle.png" /></div>
		
		<div id="nav">
			<a href="site1_home.php" class="n1 here">Home</a>
			<a href="site1_about.php" class="n2">About</a>
			<a href="site1_team.php" class="n3">Team</a>
			<a href="site1_contact.php" class="n4">Contact</a>
		</div>
		
	</div>
	</div>
	
	<div id="body">
	
		<div class="container">
		
		
		
		
			<!-- ----------------------------------------
						Image Gallery
			----------------------------------------- -->
			<div id="gallery" class="grid12 left roundEdgeSm blackBack">
				<div id="s3slider">
					<ul id="s3sliderContent">
						<li class="s3sliderImage">
							<img src="../images/chimeratitle2.2.png" />
							<span class="top"><strong>Morbi malesuada</strong><br />Vivamus molestie leo sed justo. In rhoncus, enim non imperdiet feugiat, felis elit ultricies tortor.</span>
						</li>
						<li class="s3sliderImage">
							<img src="../images/Main_Menu_BG.png" />
							<span class="bottom"><strong>Morbi malesuada</strong><br />Vivamus molestie leo sed justo. In rhoncus, enim non imperdiet feugiat, felis elit ultricies tortor.</span>
						</li>
						<li class="s3sliderImage">
							<img src="../images/Main_Menu_BG.png" />
							<span class="left"><strong>Morbi malesuada</strong><br />Vivamus molestie leo sed justo. In rhoncus, enim non imperdiet feugiat, felis elit ultricies tortor.</span>
						</li>
						<li class="s3sliderImage">
							<img src="../images/Main_Menu_BG.png" />
							<span class="right"><strong>Morbi malesuada</strong><br />Vivamus molestie leo sed justo. In rhoncus, enim non imperdiet feugiat, felis elit ultricies tortor.</span>
						</li>
						<div class="clear s3sliderImage"></div>
					</ul>
				</div>
			</div>
			
	 		
	 		
	 		<!-- --------------------------------
	 					Mission Thing
	 		--------------------------------- -->
	 		<div id="mission" class="grid4 right roundEdgeSm blue1Back">
	 			<h4>Welcome</h4>
	 			<p>We are a small indy game company made up of 13 people.
	 			We make awesome games.  We should continue to write a better mission statement
	 			and insert it in here.</p>
	 		
	 		</div>
	 		
	 		
	 		
	 		<!-- ----------------------------------------
						Twitter Feed 
			----------------------------------------- -->
	 		<div id="twitter" class="grid4 right roundEdge blue2Back">
	 			<h4>On Twitter</h4>
	 			<div class="tweet"><p><a href="">@consectetur</a> non eros vel elit aliquet pulvinar ac sit amet ligula <a href="">RT</a> 2/12/2012</p></div>
	 			<div class="tweet"><p><a href="">@Lorem</a> dolor metus, consectetur nec dapibus tempor, blandit vel enim <a href="">RT</a> 2/12/2012</p></div>
	 			<div class="tweet"><p><a href="">@consectetur</a> non eros vel elit aliquet pulvinar ac sit amet ligula <a href="">RT</a> 2/12/2012</p></div>
	 			<div class="tweet"><p><a href="">@Lorem</a> dolor metus, consectetur nec dapibus tempor, blandit vel enim <a href="">RT</a> 2/12/2012</p></div>
	 			<div class="tweet"><p><a href="">@consectetur</a> non eros vel elit aliquet pulvinar ac sit amet ligula <a href="">RT</a> 2/12/2012</p></div>
	 			<div class="tweet"><p><a href="">@Lorem</a> dolor metus, consectetur nec dapibus tempor, blandit vel enim <a href="">RT</a> 2/12/2012</p></div>
	 		</div>
	 		
	 		
	 		
			<div class="grid8 blue3Back roundEdge blogPost">
				<div class="title">
					<h3>Fermentum Augue Turpis</h3>
					<p class="author">Posted by Brittany on February 16, 2012</p>
				</div>
				<p>Pellentesque non est at sapien malesuada imperdiet vel non augue. Nunc consectetur, nisl ac malesuada dictum, arcu 
				tellus blandit neque, vitae aliquam diam sem nec eros. </p>
				<p>Lorem ipsum <a href="">dolor</a> sit amet, consectetur adipiscing elit. Ut blandit malesuada euismod. Vestibulum rutrum est sit 
				amet eros eleifend sodales lacinia metus rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque, 
				turpis sit amet aliquam venenatis, justo ante sagittis nunc, vel fermentum augue turpis varius dui.</p>
				<img src="../images/Main_Menu_BG.png" />
				<p>Suspendisse erat dui, imperdiet ac tristique in, vehicula et lectus. In sed turpis ut libero auctor vestibulum. Sed ac 
				turpis orci, eget cursus massa. Aenean <a href="">blandit egestas</a> orci, vel lobortis lectus ullamcorper mollis. Sed tortor nulla, sodales 
				et consectetur vel, hendrerit ornare magna. Mauris ac velit ante, vitae vestibulum arcu. Nunc sem leo, ornare <a href="">et luctus at</a>, 
				aliquam ac mauris. Proin mi ipsum, ultrices vitae elementum id, aliquet non enim. Vestibulum ligula est, commodo nec commodo 
				et, rutrum vel justo. Donec id turpis massa, vel dignissim est.</p>
			</div>
			
			
			
			<div class="grid8 blueBlackBack roundEdge blogPost right">
				<div class="title">
					<h3>Lectus Ullamcorper Mollis</h3>
					<p class="author">Posted by Brittany on February 16, 2012</p>
				</div>
				<p>Pellentesque non est at sapien malesuada imperdiet vel non augue. Nunc consectetur, nisl ac malesuada dictum, arcu 
				tellus blandit neque, vitae aliquam diam sem nec eros. </p>
				<p>Lorem ipsum <a href="">dolor</a> sit amet, consectetur adipiscing elit. Ut blandit malesuada euismod. Vestibulum rutrum est sit 
				amet eros eleifend sodales lacinia metus rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
				<img src="../images/Main_Menu_BG.png" />
				<p>Suspendisse erat dui, imperdiet ac tristique in, vehicula et lectus. In sed turpis ut libero auctor vestibulum. Sed ac 
				turpis orci, eget cursus massa. Aenean <a href="">blandit egestas</a> orci, vel lobortis lectus ullamcorper mollis. Sed tortor nulla, sodales 
				et consectetur vel, hendrerit ornare magna. </p>
				<img src="../images/Main_Menu_BG.png" />
				<p>Mauris ac velit ante, vitae vestibulum arcu. Nunc sem leo, ornare <a href="">et luctus at</a>, 
				aliquam ac mauris. Proin mi ipsum, ultrices vitae elementum id, aliquet non enim. Vestibulum ligula est, commodo nec commodo 
				et, rutrum vel justo. Donec id turpis massa, vel dignissim est.</p>
			</div>
			
			
			<div class="grid8 whiteClearBack roundEdge blogPost left">
				<div class="title">
					<h3>Aliquam auctor commodo risus sed placerat</h3>
					<p class="author">Posted by Brittany on February 16, 2012</p>
				</div>
				<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer adipiscing sollicitudin nisi 
				sit amet placerat. Fusce vel venenatis elit. Vestibulum eu justo quam, ac <a href="">blandit egestas</a> tincidunt mauris. Sed augue risus, volutpat id 
				accumsan at, commodo eu nunc. Aliquam et mauris justo, in lacinia urna. Aliquam auctor commodo risus sed placerat. Nullam 
				pulvinar adipiscing <a href=""> blandit egestas</a> diam eget blandit. Morbi dolor tellus, vehicula a sollicitudin in, fermentum et orci. Pellentesque quis 
				mollis sem.</p>
				<iframe width="440" height="248" style="margin:10px;" src="http://www.youtube.com/embed/8YBrIrXHg-A" frameborder="0" allowfullscreen></iframe>
				<p>Pellentesque quis mollis sem.</p>
			</div>
			
			
			
			
		</div>
	
	
	</div>
	
	
	<div id="footer">
		<div class="container">
			
			<div id="social" class="grid4 left roundEdgeSm blackBack footEle">
				<div class="spacer"></div>
				<h4>Contact</h4>
				<p>Chimera Project Games is based out of Boulder, Colorado.  Email us about
				<a href="">general inquiries</a> or <a href="">media inquiries</a>.</p>
			</div>
			
			
			
			
			
			<div id="social" class="grid8 left roundEdgeSm blackBack footEle">
				<img src="../images/chimeratitle.png" />
				<p class="small centerText"><?php echo date('F Y', time()); ?> &copy; Chimera Project Games
			</div>
			
			
			
			
			
			<!-- ----------------------------------------
						Social networking sites 
			----------------------------------------- -->
			<div id="social" class="grid4 right roundEdgeSm blackBack footEle">
                <div class="spacer"></div>
                <h4>Connect</h4>
                
                <div class="socialFollow"><a href="#">
                	<img src="../images/social/white_facebook.png" />
                	<p>Like us on Facebook</p>
                </a></div>
                <div class="socialFollow"><a href="#">
                	<img src="../images/social/white_twitter.png" />
                	<p>Follow us on Twitter</p>
                </a></div>
                <div class="socialFollow"><a href="#">
                	<img src="../images/social/white_google.png" />
                	<p>Add us on Google+</p>
                </a></div>
	 				
	 		</div>
	
		</div>
	</div>
	
	 		
	
</div> 	
</div>
</body>
</html>